<%@ page language="java" import="java.util.*" pageEncoding="utf8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap Admin</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<base href="<%=basePath%>>" />

<link rel="stylesheet" type="text/css"
	href="public/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
	href="public/lib/bootstrap/css/bootstrap-responsive.css">
<link rel="stylesheet" type="text/css"
	href="public/stylesheets/theme.css">
<link rel="stylesheet"
	href="public/lib/font-awesome/css/font-awesome.css">

<script src="public/lib/jquery-1.8.1.min.js" type="text/javascript"></script>

<!-- Demo page code -->

<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}

.brand {
	font-family: georgia, serif;
}

.brand .first {
	color: #ccc;
	font-style: italic;
}

.brand .second {
	color: #fff;
	font-weight: bold;
}
</style>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="../assets/ico/apple-touch-icon-57-precomposed.png">
</head>

<!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
	<!--<![endif]-->

	<jsp:include page="header.jsp"></jsp:include>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="span9">
				<h1 class="page-title">编辑用户</h1>
				<div class="btn-toolbar">
					<button class="btn btn-primary" onclick="forms[0].submit()">
						<i class="icon-save"></i> 保存
					</button>
					<a href="#myModal" data-toggle="modal" class="btn">Delete</a>
					<div class="btn-group"></div>
				</div>
				<div class="well">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#home" data-toggle="tab">Profile</a>
						</li>
						<li><a href="#profile" data-toggle="tab">Password</a>
						</li>
					</ul>
					<div id="myTabContent" class="tab-content">
						<div class="tab-pane active in" id="home">
							<form id="tab" action="admin/user/edit.do" method="post">
							<input type="hidden" name="id" value="${account.id }" />
								<label>用户名</label> <input type="text" name="username"
									value="${account.username }" class="input-xlarge"> <label>email</label>
								<input type="text" name="email" value="${account.email }"
									class="input-xlarge"> <select name="groupId"
									class="selectpicker">
									<c:forEach var="group" items="${groups}">
										<option value="${group.id}"
											<c:if test="${group.id}==${account.myGroup.id}">
										selected</c:if>>
											${group.name}</option>
									</c:forEach>
								</select> 
								<label>个人介绍</label>
								<input type="text" name="description" value="${account.description}"
									class="input-xlarge"> 
									<!-- 
									<label>Address</label>
								<textarea value="Smith" rows="3" class="input-xlarge">
2817 S 49th
Apt 314
San Jose, CA 95101
        </textarea>
								<label>Time Zone</label> <select name="DropDownTimezone"
									id="DropDownTimezone" class="input-xlarge">
									<option value="-12.0">(GMT -12:00) Eniwetok, Kwajalein</option>
									<option value="-11.0">(GMT -11:00) Midway Island,
										Samoa</option>
									<option value="-10.0">(GMT -10:00) Hawaii</option>
									<option value="-9.0">(GMT -9:00) Alaska</option>
									<option selected="selected" value="-8.0">(GMT -8:00)
										Pacific Time (US &amp; Canada)</option>
									<option value="-7.0">(GMT -7:00) Mountain Time (US
										&amp; Canada)</option>
									<option value="-6.0">(GMT -6:00) Central Time (US
										&amp; Canada), Mexico City</option>
									<option value="-5.0">(GMT -5:00) Eastern Time (US
										&amp; Canada), Bogota, Lima</option>
									<option value="-4.0">(GMT -4:00) Atlantic Time
										(Canada), Caracas, La Paz</option>
									<option value="-3.5">(GMT -3:30) Newfoundland</option>
									<option value="-3.0">(GMT -3:00) Brazil, Buenos Aires,
										Georgetown</option>
									<option value="-2.0">(GMT -2:00) Mid-Atlantic</option>
									<option value="-1.0">(GMT -1:00 hour) Azores, Cape
										Verde Islands</option>
									<option value="0.0">(GMT) Western Europe Time, London,
										Lisbon, Casablanca</option>
									<option value="1.0">(GMT +1:00 hour) Brussels,
										Copenhagen, Madrid, Paris</option>
									<option value="2.0">(GMT +2:00) Kaliningrad, South
										Africa</option>
									<option value="3.0">(GMT +3:00) Baghdad, Riyadh,
										Moscow, St. Petersburg</option>
									<option value="3.5">(GMT +3:30) Tehran</option>
									<option value="4.0">(GMT +4:00) Abu Dhabi, Muscat,
										Baku, Tbilisi</option>
									<option value="4.5">(GMT +4:30) Kabul</option>
									<option value="5.0">(GMT +5:00) Ekaterinburg,
										Islamabad, Karachi, Tashkent</option>
									<option value="5.5">(GMT +5:30) Bombay, Calcutta,
										Madras, New Delhi</option>
									<option value="5.75">(GMT +5:45) Kathmandu</option>
									<option value="6.0">(GMT +6:00) Almaty, Dhaka, Colombo</option>
									<option value="7.0">(GMT +7:00) Bangkok, Hanoi,
										Jakarta</option>
									<option value="8.0">(GMT +8:00) Beijing, Perth,
										Singapore, Hong Kong</option>
									<option value="9.0">(GMT +9:00) Tokyo, Seoul, Osaka,
										Sapporo, Yakutsk</option>
									<option value="9.5">(GMT +9:30) Adelaide, Darwin</option>
									<option value="10.0">(GMT +10:00) Eastern Australia,
										Guam, Vladivostok</option>
									<option value="11.0">(GMT +11:00) Magadan, Solomon
										Islands, New Caledonia</option>
									<option value="12.0">(GMT +12:00) Auckland,
										Wellington, Fiji, Kamchatka</option>
								</select>
							</form>
						</div>
						<div class="tab-pane fade" id="profile">
							<form id="tab2">
								<label>New Password</label> <input type="password"
									class="input-xlarge">
								<div>
									<button class="btn btn-primary">Update</button>
								</div>
							</form>
						</div>
					</div>

				</div>
 -->
				<div class="modal small hide fade" id="myModal" tabindex="-1"
					role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">Ã</button>
						<h3 id="myModalLabel">Delete Confirmation</h3>
					</div>
					<div class="modal-body">

						<p class="error-text">
							<i class="icon-warning-sign modal-icon"></i>Are you sure you want
							to delete the user?
						</p>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
						<button class="btn btn-danger" data-dismiss="modal">Delete</button>
					</div>
				</div>

			</div>
		</div>


		<jsp:include page="footer.jsp"></jsp:include>

		<!-- Le javascript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="public/lib/bootstrap/js/bootstrap.js"></script>
</body>
</html>


